<link href="../core/resource/css/pc.css?v=20190513" rel="stylesheet">
<style type="text/css">
body{
	background: rgba(24,38,41, 0.7);
}
.container-index {
    max-width: 1210px;
    margin: 0 auto;
    padding: 0!important;
}
.register-container{
	width:100%;
	height: 100%;
	position: absolute;
}
.m-9{
	width:709px;
	height:139px;
	position:fixed;right:-38px;left:0;
	margin:0 auto;
	font:55px/144px '微软雅黑';
	z-index:22;
	color:#f4ab20;
	text-align:center;
	line-height:139px;

}



@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) { 
    .masked{
        background-image: -webkit-linear-gradient(left, #0ee5ff, #0e84ff 25%, #0ee5ff 50%, #0e84ff 75%, #0ee5ff);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        -webkit-background-size: 200% 100%;
        -webkit-animation: masked-animation 0.8s infinite linear;
    }
	.masked1{
        background-image: -webkit-linear-gradient(left, #0ee5ff, #f4ab20 50%, #0ee5ff 50%, #f4ab20 100%, #0ee5ff);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        -webkit-background-size: 200% 100%;
        -webkit-animation: masked-animation 3s infinite linear;
    }
	.masked2{
        background-image: -webkit-linear-gradient(left, #0ee5ff, #f4ab20 50%, #0ee5ff 50%, #f4ab20 100%, #0ee5ff);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        -webkit-background-size: 200% 100%;
        -webkit-animation: masked-animation 3s infinite linear;
    }
}
@-webkit-keyframes masked-animation {
    0%  { background-position: 0 0;}
    100% { background-position: -100% 0;}
}



 @-moz-keyframes rotate{
            100%{
              -moz-transform:rotate(0deg);
             }
             100%{
               -moz-transform:rotate(360deg);
             }
          }
 @-webkit-keyframes rotate{
            100%{
              -webkit-transform:rotate(0deg);
             }
             100%{
               -webkit-transform:rotate(360deg);
             }
          }
 @keyframes rotate{
            100%{
              transform:rotate(0deg);
             }
             100%{
               transform:rotate(360deg);
             }
          }

</style>
<div class="register-container container" style="min-height:100%;background:url( {{tomedia(pagedata.set.loginbg) || '../addons/jy_baobiao/images/bj.png'}});">
    <div class="m-9"><div class="masked1" id="sx8">{{pagedata.set.pctitle||'项目信息管理平台'}}</div></div>
	<div class="container-index">
        <div class="register" style="margin:180px auto;width:380px">
			<div ng-if="pagedata.item.id">
                        <div ng-if="pagedata.item.status==2" class="fui-alert fui-alert-danger">
                            <p>您的申请被驳回：</p>
                            <p>{{pagedata.item.reason}}</p>
                            <p>您也可以修改信息重新提交</p>
                        </div>
                        <div ng-if="pagedata.item.status==0" class="fui-alert fui-alert-warning">
                            <p>您已经提交了信息，请等待我们联系您!</p>
                            <p>您也可以修改信息重新提交</p>
                        </div>
						<div ng-if="pagedata.item.status==1" class="fui-alert fui-alert-warning">
                            <p>您已经提交了信息，已审核通过!</p>
                        </div>
			</div>
			<div ng-if="!pagedata.item.id || pagedata.item.status!=1">
			<div class="forminfo">
            <form action="" method="post" role="form" id="form1">
				<div class="form-group fui-tab" style="margin-bottom:22px">
					<a class="active">账号注册</a>
					<a class="disabled"></a>
				</div>
				<div>
				<h4 class="t-c">请选择角色</h4>
				<div class="form-group">
					<div class="log-form-item">
						<select class="form-control" ng-model="pagedata.item.role_id">
							<option ng-repeat="(key,item) in pagedata.roles_type" ng-selected="pagedata.item.role_id==key" value="{{key}}" >{{item}}</option>
						</select>
					</div>
				</div>
					<div class="form-group">
						<div class="log-form-item">
							<input type="text" ng-model="pagedata.item.username" placeholder="输入您的账号" class="form-control log-input">
							<i class="icon icon-wo1"></i>
						</div>
					</div>
					<div class="form-group">
						<div class="log-form-item">
							<input type="password" ng-model="pagedata.item.password" placeholder="输入您的密码" class="form-control log-input">
							<i class="icon icon-mima"></i>
						</div>	
					</div>
					<div class="form-group">
						<div class="log-form-item">
							<input type="password" ng-model="pagedata.item.password1" placeholder="请再次输入密码" class="form-control log-input">
							<i class="icon icon-mima"></i>
						</div>	
					</div>
				</div>
				<div class="fui-cell-group">
						<div class="fui-cell small ">
							<div class="fui-cell-info">
								<label class="checkbox-inline">
									<input type="checkbox" value="1" ng-model="pagedata.item.check" class="fui-checkbox-primary" style="height:18px" id="agree" ng-checked="pagedata.item.check==1"/> 我已经阅读并了解了<a id="btn-apply" ng-click="pagedata.show_xieyi=true;" style="color:#337ab7;">【{{pagedata.setmobile.xieyi_title || '客户注册协议'}}】</a>。
								</label>
							</div>
						</div>
				</div>
				<div class="form-group" ng-init="code_image('imgverify')">
					<div id="submit" style="text-align:center;" ng-click="post(pagedata.item,'post');" class="login-btn">注册账号</div>
					<!--<div ng-if="pagedata.wechat_scan_login" style="text-align:center;" ng-click="pagedata.wechat_login()" class="login-btn">微信一键登录</div>-->
				</div>
				<div class="form-group other-login-line">
					<div class="login-footer">已经注册了？<a class="action" href="javascript:;" ng-click="access_json('jy_baobiao/login/')">去登录</a></div>
				</div>
            </form>
			</div>
			</div>
        </div>
    </div>
</div>
<div ng-include="sys_html('common/_xieyi',true)"></div>
<script>
scope.pagedata.item.needcheck=1;
scope.pagedata.item.login_type=1
scope.pagedata.send_smscode=function(mobile,code){
	if(!mobile){
		alert('请先填写手机号！');
		return false;
	}
	if(scope.pagedata.verify_code && !code){
		alert('请先填写下面的图片验证码！');
		return false;
	}
	if(scope.pagedata.sending){
		return false;
	}
	scope.tool.mobile_code(mobile,'smscode');
}
scope.pagedata.foget=function(){
	scope.message('忘记密码请联系系统管理员');
}
</script>
<script>
scope.pagedata.wechat_login=function(){
	var url=scope.tool.custom_url('core/member.login/wxauth_check/session_id='+scope.pagedata.session_id,true);
	scope.tool.qr(url,'login_ewm');
	scope.pagedata.wxauth=1;
	scope.tool.wechat_login(function(res){
		if(res.to_uid==scope.pagedata.session_id && res.message && res.message.openid){
			scope.pagedata.item.openid=res.message.openid;
			scope.post(scope.pagedata.item,'core/member.login/wechat_login/');
		}
	});
}
</script>
